<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- http://152.136.185.210:8000/api/z8/home/multidata -->
    <script>
    //    1.创建
//       var xhr = new XMLHttpRequest();
//     //  2. 设置路径
//       let  url = 'http://152.136.185.210:8000/api/z8/home/multidata';
//       xhr.open("GET", url);

//       //3.监听
//       xhr.onreadystatechange = function () {
//         // readyState == 4说明请求已完成
//         if (xhr.readyState == 4 && xhr.status == 200) {
//          //处理获取得到的数据
//           console.log(xhr.responseText);
//         }else {

//         }
//       };
//     //   if (method == "POST") {
//     //     //给指定的HTTP请求头赋值
//     //     xhr.setRequestHeader(
//     //       "Content-type",
//     //       "application/x-www-form-urlencoded"
//     //     );
//     //   }

//     //发送
//    xhr.send();

let  url = 'https://api.apiopen.top/getJoke?page=1&count=2&type=video';
let ajaxP = getAjax(url)
  
    function getAjax(url){

     return  new Promise(function(reslove,reject){
        var xhr = new XMLHttpRequest();
        console.log(xhr);
    //  2. 设置路径
    let  httpurl = url
      xhr.open("GET", httpurl);
      //3.监听
      xhr.onreadystatechange = function () {
        // readyState == 4说明请求已完成
        if (xhr.readyState == 4 && xhr.status == 200) {
            reslove(xhr)
         //处理获取得到的数据
        //   console.log(xhr.responseText);
        }else if(xhr.readyState == 4 && xhr.status!=200) {
            reject(xhr)
        }
      }
      xhr.send()
    })
    }

    console.log( ajaxP);
//   ajaxP.then(res=>{
//     let result = JSON.parse(res.response)
//       console.log(res);
//       console.log(result);
//   }).catch(err=>{
//       console.log(err);
//   })

//原生封装好的ajax
  fetch(url).then(res=>{
    let result = res.json()
     result.then(res=>{
         console.log(res);
     })
  })
  













    </script>
  </body>
</html>
